<template>
	<div class="container-fluid">
		<div class="page-header">
			<h1 class="page-heading">住院患者</h1>
		</div>
    <div class="d-flex justify-content-end">
        <div class="btn btn-primary" @click="$router.push({name:'AddPatient'})">添加患者</div>
    </div>
		<div class="row mt-5">
			<div class="col-md-6 col-lg-4 col-xl-4 col-xxl-3" v-for="item in 10" :key="item">
				<div class="card mb-4">
					<div class="card-header">
						<h5>7号床</h5>
						<div class="card-header-more">
							<button class="btn" type="button" data-bs-toggle="dropdown" aria-haspopup="true"
								aria-expanded="false"><i class="fas fa-ellipsis-v"></i></button>
							<div class="dropdown-menu dropdown-menu-end text-sm">
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>全部资料</a>
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>打印条码</a>
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>换床</a>
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>办理出院</a>
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>诊疗建议</a>
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>治疗方案</a>
								<a class="dropdown-item" href="#!"><i class="fas fa-expand-arrows-alt me-2"></i>上下泵管理</a>
							</div>
						</div>
					</div>
					<div class="card-body">
						<div class="d-flex align-items-center">
							<div class="flex-grow-1 ps-3 overflow-hidden">
								<p class="card-text text-uppercase text-muted">系统科室</p>
								<p class="card-text">张三</p>
								<p class="card-text">男</p>
								<p class="card-text">45岁</p>
								<p class="card-text">住院天数：42岁</p>
							</div>
						</div><a class="stretched-link" :href="'patientDetail?id=' + item"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {}
</script>

<style>
</style>
